<template>
  <div class="miaojifu">
      <div class="mjt">
        <span>锦囊妙计</span>
         <span>爱宠十年，小有心得</span>
     </div> 

      <Miaojizi v-for="(v,i) in shuju" :key="i" :bimg="v.bimg" :simg="v.simg" :bt="v.bt" :st="v.st" :bg="v.bg" :sg="v.sg"/>
  </div>
</template>

<script>
import Miaojizi from "./miaojizi.vue"
export default {
    data(){
        return{
             shuju:[
               {bimg:"home/jn1.jpg",simg:'home/jn2.jpg',bt:"猫、犬患耳螨的原因及治疗方式",st:"猫、犬牙结石解决方案",bg:"32627人感兴趣",sg:"32627人感兴趣"}
           ]
          
          
        }
    },
    components:{
        Miaojizi
    }
}
</script>

<style lang="scss">
.miaojifu{
        width:3.55rem ;
        height: 2.25rem;
        padding: .1rem;
        overflow: hidden;
        background-color: #fff;
     .mjt{
           width: 100%;
           height: .28rem;
           line-height: .28rem;
            border-bottom: 1px solid #ccc;
       
            span:nth-of-type(1){
                font-weight: bold;
                font-size: .20rem;
            }
            span:nth-of-type(2){
                font-weight: normal;
                font-size: .12rem;
                padding-left: .05rem;
            }

        }
}

</style>